body,
html {
	width: 100%;
	height: 100%; 
	font-family: "Hiragino Sans GB";
	margin: 0;
}

table {
	border-collapse: collapse;
	border: 1px solid #888888;
}

table td {
	width: 100px;
	border: 1px solid #888888;
	font-size: 14px;
	font-weight: 300;
}

.content {
	width: 100%;
	height: 100%;
	max-width: 700px;
	box-shadow: 1px 1px 1px #888888;
}

.disappear {
	opacity: 0;
	filter: alpha(opacity=0);
}

.display1 {
	animation: 0.2s opacity2 0s normal forwards;
	-webkit-animation: 0.2s opacity2 0s normal forwards;
	-moz-animation: 0.2s opacity2 0s normal forwards;
}

.display2 {
	animation: 0.2s opacity3 0s normal forwards;
	-webkit-animation: 0.2s opacity3 0s normal forwards;
	-moz-animation: 0.2s opacity3 0s normal forwards;
}

@keyframes opacity2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes opacity2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes opacity2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opacity3 {
	0% {
		opacity: 1
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes opacity3 {
	0% {
		opacity: 1
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes opacity3 {
	0% {
		opacity: 1
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 0;
	}
}

#clock,
#BlackClock {
	display: block;
	/*margin-left: 40%;*/
	margin: 0 auto;
	
	margin-bottom: 30px;
}

#demo1,
.btn11 {
	display: block;
	margin: 0 auto;
	margin-top: 20%;
}

.btn11 {
	border-radius: 15px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding: 3px 25px;
	font-size: 18px;
	width: 150px;
}

.die_btn_div{

margin-left: auto;
margin-right: auto;
width: 150px;


	/*position: absolute;
	top: 80%;*/

	
}
.die_btn {

	/*margin: 0 auto;*/
	border-radius: 15px;
	background-color: #fff;
	margin-top: 20%;
	border: 1px solid #e3e3e3;
	padding: 3px 25px;
	font-size: 18px;
	width: 150px;
}

.content_p {
	width: 20px;
	margin: 0 auto;
	
	font-size: 20px;
	font-family: "微软雅黑";
}

.none {
	display: none;
}

.time_table {
	width: 80%;

	margin: 0 auto;
	margin-top: 5%;
}

.age_p {
	font-weight: 500;
	font-size: 18px;
}

.time_table p,
.age_p {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.cunzai_p {
	display: block;
	color: #888888;
	font-size: 12px;
	margin-bottom: 20px;
}

.time_table td {
	height: 60px;
}

.table_css,
.cunzai_p {
	margin: 0 auto;
}


/*
 */

.die {
	background-color: rgb(28, 28, 28);

}

.selectAge_btn {
	display: block;
	color: white;
	border-radius: 15px;
	background-color: #000000;
	margin: 0 auto;
	margin-top: 10%;
	border: 1px solid #fff;
	padding: 3px 25px;
	font-size: 18px;
	width: 150px;
}

.table_die {
	color: white;
}

.table_die td {
	width: 150px;
	height: 50px;
}

.p1 {
	margin-top: 30%;
}
.p1_div{
	margin: 0 auto;
	width: 170px;
}
.p1,
.p2 {
	color: white;
}

.p_none {
	display: none;
}

.white_clock {
	position: absolute;
	margin-top: 30%;
	margin-left: 30%;
}

.live_btn {
	display: block;
	color: white;
	border-radius: 15px;
	background-color: #000000;
	margin: 0 auto;

	
	border: 1px solid #fff;
	padding: 3px 25px;
	font-size: 18px;
	width: 150px;
}
.yisi{
	
	
	position: absolute;
	bottom: 0;
}
.Refresh {
				width: 50px;
				height: 50px;
				/*margin-left: 65%;*/
			}
			
			
			.hide_div {
				position: absolute;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(39,40,34, .5);
				display: none;
				z-index: 99;
			}
			
			.hide_div img {
				width: 75%;
				height: 80%;
				margin-top: 10%;
				margin-left: 12.5%;
				margin-right: 12.5%;
				z-index: 99999;
			}
			
			.title {
				margin: 0 auto;
				font-size: 18px;
				background-color: #DA0041;
				/*display: inline-block;*/
				display: block;
				padding: 5px 10px 6px;
				color: #fff;
				text-decoration: none;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
				text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
				border-bottom: 1px solid rgba(0, 0, 0, 0.25);
				position: relative;
				cursor: pointer;
			}
			
			.screenshotBtn {
				border: none;
				background: #fff;
				width: 60px;
				height: 60px;
				margin-left: 68%;
				background-position: center;
			}
			
			.screenshotIcon {
				display: inline;
				width: 50px;
				height: 50px;
				
			}
			
			.black {
				background-color: rgb(28, 28, 28);
				margin-left: 85%;
			}
			#cancel{
				position: absolute;
				top: -5%;
				left: -5%;
				width: 30px;
				height: 30px;
			}